import { Outlet } from "react-router";
import "./App.css";
import Footer from "./componets/Footer";
import { useEffect } from "react";

function Layout() {
  // 这里进行拦截，有了code之后拿code去获取token没有token在这一步就重定向到登陆页面
  // useEffect(() => {
  //   const token = localStorage.getItem('token')
  //   if (token) return;
  //   if (window.location.search.indexOf('code') > -1) {
  //     const usp = new URLSearchParams(window.location.search)
  //     // 解析url地址中的code数据
  //     const code = usp.get('code');
  //     // 发送请求，用code换取token
  //     fetch('http://180.76.236.114:3006/api/sso/token', {
  //       method: 'POST',
  //       headers: {
  //         "content-type": "application/json"
  //       },
  //       body: JSON.stringify({ code })
  //     }).then((res) => res.json())
  //       .then((res) => {
  //         console.log(res)
  //         // 进行错误处理
  //         if (res.error) {
  //           alert('登录失败!')
  //           window.location.href = `http://localhost:5173/?redirectUri=${encodeURIComponent('http://localhost:5174/')}`
  //         } else {
  //           // 没错，存token 进主页
  //           localStorage.setItem('token', res.token)
  //           console.log(window.location.pathname)
  //           window.location.replace("/")
  //         }
  //         return;
  //       })
  //       .catch((err) => console.log(err))
  //     return;
  //   }
  //   // 没有token，强制跳转到登录页
  //   window.location.href = `http://localhost:5173/?redirectUri=${encodeURIComponent('http://localhost:5174/')}`
  // }, []);
  return (
    <>
      <Outlet></Outlet>
      <Footer />
    </>
  );
}

export default Layout;
